import loadingUrl from '@/assets/loading.svg'
import styles from './index.module.less'
// 判断是否存在loading的img元素
function getLoading (el) {
  return el.querySelector('img[data-role=loading]')
}
// 创建img元素
function createLoading () {
  const img = document.createElement('img')
  img.dataset.role = 'loading'
  img.src = loadingUrl
  img.className = styles.loading
  return img
}

// 导出指令配置
// 加载项
// export default {
//   bind (el, binding) {
//     console.log(el)
//     console.log(binding)
//   },
//   inserted () {
//     console.log('inserted')
//   },
//   update () {
//     console.log('update')
//   }
// }
export default function (el, binding) {
  const curImg = getLoading(el)
  if (!binding.value) {
    if (!curImg) {
      const img = createLoading()
      el.appendChild(img)
    }
  } else {
    if (curImg) {
      curImg.remove()
    }
  }
}
